@import url(WallopSlider.css);
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* line 11, ../sass/style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* colors */
/* ========================================= */
/* fonts */
/* ========================================= */
/* line 43, ../sass/style.scss */
body {
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Mono Social Icons Font';
  src: url("/fonts/MonoSocialIconsFont-1.10.eot");
  src: url("/fonts/MonoSocialIconsFont-1.10.eot") format("embedded-opentype"), url("/fonts/MonoSocialIconsFont-1.10.woff") format("woff"), url("/fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"), url("/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 69, ../sass/style.scss */
.symbol, a.symbol:before {
  font-family: 'Mono Social Icons Font';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 45px; }

/* line 84, ../sass/style.scss */
a.symbol:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%; }

@font-face {
  font-family: Batch;
  src: url("fonts/batch.eot");
  src: url("fonts/batch.eot?#iefix") format("embedded-opentype"), url("fonts/batch.woff") format("woff"), url("fonts/batch.ttf") format("truetype"), url("fonts/batch.svg#batchregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 102, ../sass/style.scss */
.batch {
  font-family: "Batch" !important;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  font-weight: 100 !important; }

/* type */
/* ========================================= */
/* line 113, ../sass/style.scss */
h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 30px;
  color: #fff; }
  /* line 120, ../sass/style.scss */
  h1.dark {
    color: #333; }

/* line 125, ../sass/style.scss */
h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 30px;
  color: #fff; }

/* line 133, ../sass/style.scss */
h3 {
  font-size: 15px;
  line-height: 24px;
  color: #212121;
  font-weight: 500;
  margin-bottom: 30px; }

/* line 142, ../sass/style.scss */
h5 {
  font-size: 16px;
  color: #686868;
  margin: 0 0 15px 0;
  font-weight: 400; }

/* line 149, ../sass/style.scss */
h6 {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 5px 0; }

/* line 156, ../sass/style.scss */
p.lead {
  font-size: 16px;
  line-height: 24px;
  color: #838383;
  font-weight: 200; }

/* line 163, ../sass/style.scss */
p {
  font-size: 15px;
  line-height: 18px;
  margin: 0 0 20px 0;
  color: #333;
  font: 16px/25px 'Open Sans',arial,sans-serif;
  font-weight: 400; }

/* line 172, ../sass/style.scss */
a {
  color: #fff;
  text-decoration: none; }

/* line 177, ../sass/style.scss */
strong {
  font-weight: bold; }

/* line 181, ../sass/style.scss */
.help {
  padding-left: 30px;
  background: url(../img/icon-help2.png) 0 0 no-repeat; }

/* don't over think it grids */
/* ========================================= */
/* line 189, ../sass/style.scss */
.grid {
  margin: 0 0 40px 0; }
  /* line 192, ../sass/style.scss */
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

/* line 200, ../sass/style.scss */
[class*='col-'] {
  float: left;
  padding-right: 40px; }
  /* line 203, ../sass/style.scss */
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }

/* line 207, ../sass/style.scss */
.col-2-3 {
  width: 66.66%; }

/* line 210, ../sass/style.scss */
.col-1-3 {
  width: 33.33%; }

/* line 213, ../sass/style.scss */
.col-1-2 {
  width: 50%; }

/* line 216, ../sass/style.scss */
.col-1-4 {
  width: 25%; }

/* line 219, ../sass/style.scss */
.col-1-8 {
  width: 12.5%; }

/* Opt-in outside padding */
/* line 224, ../sass/style.scss */
.grid-pad {
  padding: 40px 0 40px 40px; }
  /* line 226, ../sass/style.scss */
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 40px; }

/* common */
/* ========================================= */
/* line 235, ../sass/style.scss */
.wrapper {
  width: 900px;
  margin: 0 auto; }

/* line 240, ../sass/style.scss */
.pull-right {
  float: right; }

/* Header */
/* ========================================= */
/* line 248, ../sass/style.scss */
header {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #2b2c3e;
  background-color: #38363a;
  z-index: 900; }

/* line 256, ../sass/style.scss */
nav {
  width: 100%;
  padding: 0 10px;
  max-width: 980px;
  margin: 0 auto; }
  /* line 261, ../sass/style.scss */
  nav ul {
    display: block;
    padding-left: 30px;
    border-left: 1px solid #2b2c3e; }
    /* line 265, ../sass/style.scss */
    nav ul:before {
      content: "";
      display: table; }
    /* line 269, ../sass/style.scss */
    nav ul:after {
      clear: both; }
  /* line 273, ../sass/style.scss */
  nav li {
    float: left; }
  /* line 276, ../sass/style.scss */
  nav ul.main {
    float: left; }
    /* line 278, ../sass/style.scss */
    nav ul.main li {
      margin: 0 40px 0 0; }
    /* line 279, ../sass/style.scss */
    nav ul.main a {
      -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      line-height: 60px;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.4);
      text-transform: uppercase;
      font-size: 13px; }
      /* line 287, ../sass/style.scss */
      nav ul.main a span {
        -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: -10px;
        display: block;
        width: 0;
        height: 0px;
        max-height: 5px !important;
        background: #ffffff; }
      /* line 299, ../sass/style.scss */
      nav ul.main a:hover {
        color: #ffffff; }
        /* line 301, ../sass/style.scss */
        nav ul.main a:hover span {
          width: 100%;
          height: 5px; }
  /* line 308, ../sass/style.scss */
  nav ul.social {
    float: right;
    padding-left: 0;
    border-left: 1px solid #2b2c3e; }
    /* line 312, ../sass/style.scss */
    nav ul.social a {
      display: block;
      width: 60px;
      height: 60px;
      border-right: 1px solid #2b2c3e;
      text-decoration: none;
      outline: none;
      text-align: center;
      color: rgba(255, 255, 255, 0.4);
      -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
      /* line 323, ../sass/style.scss */
      nav ul.social a .symbol {
        line-height: 60px; }
      /* line 326, ../sass/style.scss */
      nav ul.social a:hover {
        color: #fff; }
  /* line 331, ../sass/style.scss */
  nav .logo {
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    float: left;
    display: inline-block;
    line-height: 60px;
    outline: none;
    text-decoration: none;
    font-size: 20px;
    margin-right: 87px;
    letter-spacing: 1px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-size: 14px; }
  /* line 347, ../sass/style.scss */
  nav:before {
    content: "";
    display: table; }

/* very section */
/* ========================================= */
/* line 357, ../sass/style.scss */
#hero {
  background: #38363a;
  padding: 120px 0 60px; }

/* line 362, ../sass/style.scss */
article {
  width: 100%;
  padding: 0 10px;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 56px;
  overflow: hidden; }

/* line 371, ../sass/style.scss */
#hero figure {
  overflow: hidden;
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  margin: 0 68px 0 0; }
  /* line 378, ../sass/style.scss */
  #hero figure img {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px; }

/* line 384, ../sass/style.scss */
#hero aside {
  float: left;
  width: 720px; }

/* line 388, ../sass/style.scss */
#hero h2 {
  font-weight: 500;
  padding-top: 20px;
  font-size: 30px;
  line-height: 40px; }

/* line 396, ../sass/style.scss */
#achievements {
  margin: 0 auto;
  width: 980px;
  overflow: hidden; }
  /* line 401, ../sass/style.scss */
  #achievements > div {
    width: 245px;
    height: 245px;
    float: left; }
  /* line 407, ../sass/style.scss */
  #achievements .history {
    background: #ff5722; }
  /* line 410, ../sass/style.scss */
  #achievements .gthanks {
    background: #ffb300; }
  /* line 413, ../sass/style.scss */
  #achievements .spotbonus {
    background: #009688; }
  /* line 416, ../sass/style.scss */
  #achievements .projects {
    background: #3f51b5; }
  /* line 420, ../sass/style.scss */
  #achievements:before {
    content: "";
    display: table; }
  /* line 424, ../sass/style.scss */
  #achievements:after {
    clear: both; }

/* line 430, ../sass/style.scss */
.meta {
  display: inline-block;
  text-align: left;
  padding: 20px;
  left: -1px;
  position: relative; }
  /* line 436, ../sass/style.scss */
  .meta strong {
    width: 60px;
    text-align: right;
    padding-right: 10px;
    display: inline-block; }
  /* line 442, ../sass/style.scss */
  .meta span {
    display: block;
    font-size: 12px;
    margin: 5px 0;
    overflow: hidden; }

/* line 449, ../sass/style.scss */
.bars {
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  text-align: right;
  float: right; }
  /* line 455, ../sass/style.scss */
  .bars i {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 0 3px 0 0;
    background: #000;
    opacity: 0.4; }
    /* line 463, ../sass/style.scss */
    .bars i:nth-child(1) {
      height: 3px; }
    /* line 466, ../sass/style.scss */
    .bars i:nth-child(2) {
      height: 6px; }
    /* line 469, ../sass/style.scss */
    .bars i:nth-child(3) {
      height: 9px; }
    /* line 472, ../sass/style.scss */
    .bars i:nth-child(4) {
      height: 12px; }

/* line 477, ../sass/style.scss */
.xl .bars i {
  opacity: 1; }

/* line 480, ../sass/style.scss */
.l .bars i:nth-child(1),
.l .bars i:nth-child(2),
.l .bars i:nth-child(3) {
  opacity: 1; }

/* line 482, ../sass/style.scss */
.m .bars i:nth-child(1),
.m .bars i:nth-child(2) {
  opacity: 1; }

/* line 483, ../sass/style.scss */
.s .bars i:nth-child(1) {
  opacity: 1; }

/* line 486, ../sass/style.scss */
#project-details {
  text-align: center;
  padding-bottom: 100px; }
  /* line 489, ../sass/style.scss */
  #project-details a.simple {
    border-bottom: 1px dotted #000;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  /* line 490, ../sass/style.scss */
  #project-details a.simple:hover {
    background: rgba(0, 0, 0, 0.05); }
  /* line 491, ../sass/style.scss */
  #project-details header {
    width: 980px;
    margin: 0 auto;
    padding: 100px 0;
    border: none;
    background: transparent;
    height: auto; }
  /* line 500, ../sass/style.scss */
  #project-details h2 {
    font-size: 42px;
    text-align: center;
    line-height: 48px;
    margin: 0 0 15px 0;
    max-width: 520px;
    display: inline-block; }
  /* line 508, ../sass/style.scss */
  #project-details h3 {
    font-size: 30px;
    text-align: center;
    line-height: 35px;
    margin: 0 0 15px 0;
    max-width: 520px;
    display: inline-block; }
  /* line 516, ../sass/style.scss */
  #project-details .links {
    padding-top: 50px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -500px;
    width: 200px; }
    /* line 523, ../sass/style.scss */
    #project-details .links a {
      display: inline-block;
      text-align: center;
      font-size: 12px;
      color: #000;
      margin: 0px 15px;
      width: 100px;
      min-height: 100px;
      border: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
      /* line 533, ../sass/style.scss */
      #project-details .links a img {
        display: block;
        margin: 0 auto;
        width: 50px; }
      /* line 534, ../sass/style.scss */
      #project-details .links a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; }
    /* line 538, ../sass/style.scss */
    #project-details .links:after {
      content: "";
      display: inline-block;
      position: relative;
      height: 0;
      width: 100%; }
  /* line 546, ../sass/style.scss */
  #project-details .credits {
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    display: inline-block;
    clear: both;
    font-size: 0; }
  /* line 552, ../sass/style.scss */
  #project-details .team {
    font-size: 11px;
    display: inline-block;
    padding: 0 40px 0 0;
    vertical-align: top;
    text-align: left;
    padding: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.4); }
    /* line 560, ../sass/style.scss */
    #project-details .team li {
      display: block;
      margin: 5px 0px; }
      /* line 563, ../sass/style.scss */
      #project-details .team li strong {
        width: 80px;
        text-align: right;
        padding-right: 10px;
        display: inline-block; }
  /* line 572, ../sass/style.scss */
  #project-details [class*='colz-'] {
    text-align: left;
    max-width: 600px; }
  /* line 576, ../sass/style.scss */
  #project-details .colz-2 {
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;
    /* Firefox */
    column-gap: 40px;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; }
  /* line 584, ../sass/style.scss */
  #project-details .column {
    padding: 0 20px; }
  /* line 587, ../sass/style.scss */
  #project-details p.lead {
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    max-width: 520px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    font-weight: 400; }
  /* line 597, ../sass/style.scss */
  #project-details p {
    max-width: 520px;
    margin: 0 auto; }
  /* line 601, ../sass/style.scss */
  #project-details article {
    position: relative;
    padding: 100px 0;
    overflow: visible; }
  /* line 606, ../sass/style.scss */
  #project-details article hgroup * {
    z-index: 1;
    position: relative; }
  /* line 610, ../sass/style.scss */
  #project-details article img {
    z-index: 2;
    position: relative; }
  /* line 611, ../sass/style.scss */
  #project-details .value {
    margin: 100px auto; }
  /* line 614, ../sass/style.scss */
  #project-details .value .underlay {
    position: absolute;
    width: 600px;
    color: #fff;
    font-size: 500px;
    margin-left: -300px;
    text-align: center !important;
    left: 50%;
    z-index: 0;
    top: -40px;
    font-weight: 200;
    font-family: 'RobotoDraft'; }
    /* line 626, ../sass/style.scss */
    #project-details .value .underlay em {
      font-size: 200px;
      font-weight: 800;
      vertical-align: super;
      letter-spacing: -20px; }
  /* line 633, ../sass/style.scss */
  #project-details .process {
    margin: 0 auto;
    padding: 0 0 100px 0; }
    /* line 636, ../sass/style.scss */
    #project-details .process:after {
      display: block;
      content: '';
      position: absolute;
      left: 50%;
      width: 1px;
      height: 100%;
      background: #000;
      top: 0; }
    /* line 646, ../sass/style.scss */
    #project-details .process:before {
      display: block;
      content: '';
      position: absolute;
      left: 50%;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #000;
      top: -5px;
      margin-left: -5px;
      z-index: 10; }
    /* line 660, ../sass/style.scss */
    #project-details .process.right hgroup * {
      text-align: left; }
    /* line 661, ../sass/style.scss */
    #project-details .process.right hgroup {
      max-width: 350px;
      left: 50%;
      width: 500px;
      text-align: left;
      margin-left: 20px;
      padding-bottom: 40px;
      position: relative; }
    /* line 672, ../sass/style.scss */
    #project-details .process.left hgroup * {
      text-align: right; }
    /* line 673, ../sass/style.scss */
    #project-details .process.left hgroup {
      max-width: 350px;
      width: 500px;
      left: 50%;
      margin-left: -370px;
      text-align: right;
      padding-bottom: 40px;
      position: relative; }
    /* line 684, ../sass/style.scss */
    #project-details .process.middle hgroup {
      padding-top: 20px;
      z-index: 2;
      position: relative; }
    /* line 689, ../sass/style.scss */
    #project-details .process.middle hgroup * {
      background: #fff; }
    /* line 690, ../sass/style.scss */
    #project-details .process.middle hgroup h6 {
      margin-bottom: 0; }
    /* line 692, ../sass/style.scss */
    #project-details .process:last-of-type {
      padding-bottom: 0; }
    /* line 696, ../sass/style.scss */
    #project-details .process ul li {
      margin: 5px 0 5px 20px;
      font-size: 14px;
      list-style: square; }

/* line 706, ../sass/style.scss */
.dtt #content {
  background: #ffe189; }

/* line 711, ../sass/style.scss */
#project-details.dtt header h6, #project-details.dtt header h2 {
  color: #494232; }
/* line 713, ../sass/style.scss */
#project-details.dtt .team, #project-details.dtt .meta {
  color: #494232; }
/* line 716, ../sass/style.scss */
#project-details.dtt .bars i {
  background: #494232; }
/* line 717, ../sass/style.scss */
#project-details.dtt a {
  color: #000; }
/* line 718, ../sass/style.scss */
#project-details.dtt p, #project-details.dtt h3 {
  color: #494232; }
/* line 719, ../sass/style.scss */
#project-details.dtt .quotes > div {
  background: #ffe189;
  border-color: #494232; }
/* line 720, ../sass/style.scss */
#project-details.dtt .middle hgroup * {
  background: #ffe189; }
/* line 721, ../sass/style.scss */
#project-details.dtt .img-wrapper {
  background: #ffe189; }

/* line 725, ../sass/style.scss */
.loon #content {
  background: #1e3950; }

/* line 729, ../sass/style.scss */
#project-details.loon .links a {
  color: #fff; }
/* line 731, ../sass/style.scss */
#project-details.loon header h6, #project-details.loon header h2 {
  color: #fff; }
/* line 732, ../sass/style.scss */
#project-details.loon header h2 {
  color: #e89e1d; }
/* line 734, ../sass/style.scss */
#project-details.loon .team, #project-details.loon .meta {
  color: #fff; }
/* line 737, ../sass/style.scss */
#project-details.loon .bars i {
  background: #e89e1d; }
/* line 738, ../sass/style.scss */
#project-details.loon a {
  color: #000; }
/* line 739, ../sass/style.scss */
#project-details.loon h6, #project-details.loon h3 {
  color: #e89e1d; }
/* line 740, ../sass/style.scss */
#project-details.loon p {
  color: #fff; }
/* line 741, ../sass/style.scss */
#project-details.loon .quotes > div {
  background: #1e3950;
  border-color: #e89e1d; }
/* line 742, ../sass/style.scss */
#project-details.loon .middle hgroup * {
  background: #1e3950; }
/* line 743, ../sass/style.scss */
#project-details.loon .img-wrapper {
  background: #1e3950; }

/* line 748, ../sass/style.scss */
.compass #content {
  background: #00796b; }

/* line 752, ../sass/style.scss */
#project-details.compass .links a {
  color: #fff; }
/* line 753, ../sass/style.scss */
#project-details.compass .underlay {
  color: rgba(0, 0, 0, 0.2); }
/* line 755, ../sass/style.scss */
#project-details.compass header h6, #project-details.compass header h2 {
  color: #fff; }
/* line 756, ../sass/style.scss */
#project-details.compass header h2 {
  color: #e89e1d; }
/* line 758, ../sass/style.scss */
#project-details.compass .team, #project-details.compass .meta {
  color: #fff; }
/* line 761, ../sass/style.scss */
#project-details.compass .bars i {
  background: #e89e1d; }
/* line 762, ../sass/style.scss */
#project-details.compass a {
  color: #000; }
/* line 763, ../sass/style.scss */
#project-details.compass h6, #project-details.compass h3 {
  color: #e89e1d; }
/* line 764, ../sass/style.scss */
#project-details.compass p {
  color: #fff; }
/* line 765, ../sass/style.scss */
#project-details.compass .quotes > div {
  background: #00796b;
  border-color: #e89e1d; }
/* line 766, ../sass/style.scss */
#project-details.compass .middle hgroup * {
  background: #00796b; }
/* line 767, ../sass/style.scss */
#project-details.compass .img-wrapper {
  background: #00796b; }

/* line 772, ../sass/style.scss */
.ad-templates #content {
  background: #546e7a; }

/* line 776, ../sass/style.scss */
#project-details.ad-templates .links a {
  color: #fff; }
/* line 777, ../sass/style.scss */
#project-details.ad-templates .underlay {
  color: rgba(0, 0, 0, 0.2); }
/* line 779, ../sass/style.scss */
#project-details.ad-templates header h6, #project-details.ad-templates header h2 {
  color: #fff; }
/* line 780, ../sass/style.scss */
#project-details.ad-templates header h2 {
  color: #e89e1d; }
/* line 782, ../sass/style.scss */
#project-details.ad-templates .team, #project-details.ad-templates .meta {
  color: #fff; }
/* line 785, ../sass/style.scss */
#project-details.ad-templates .bars i {
  background: #e89e1d; }
/* line 786, ../sass/style.scss */
#project-details.ad-templates a {
  color: #000; }
/* line 787, ../sass/style.scss */
#project-details.ad-templates h6, #project-details.ad-templates h3 {
  color: #e89e1d; }
/* line 788, ../sass/style.scss */
#project-details.ad-templates p {
  color: #fff; }
/* line 789, ../sass/style.scss */
#project-details.ad-templates .quotes > div {
  background: #546e7a;
  border-color: #e89e1d; }
/* line 790, ../sass/style.scss */
#project-details.ad-templates .middle hgroup * {
  background: #546e7a; }
/* line 791, ../sass/style.scss */
#project-details.ad-templates .img-wrapper {
  background: #fff; }
/* line 793, ../sass/style.scss */
#project-details.ad-templates .wallop-slider p {
  background: #546e7a; }

/* line 799, ../sass/style.scss */
.illos #content {
  background: #795548; }

/* line 803, ../sass/style.scss */
#project-details.illos .links a {
  color: #fff; }
/* line 804, ../sass/style.scss */
#project-details.illos .underlay {
  color: rgba(0, 0, 0, 0.2); }
/* line 806, ../sass/style.scss */
#project-details.illos header h6, #project-details.illos header h2 {
  color: #fff; }
/* line 807, ../sass/style.scss */
#project-details.illos header h2 {
  color: #80deea; }
/* line 809, ../sass/style.scss */
#project-details.illos .team, #project-details.illos .meta {
  color: #fff; }
/* line 812, ../sass/style.scss */
#project-details.illos .bars i {
  background: #80deea; }
/* line 813, ../sass/style.scss */
#project-details.illos a {
  color: #000; }
/* line 814, ../sass/style.scss */
#project-details.illos h6, #project-details.illos h3 {
  color: #80deea; }
/* line 815, ../sass/style.scss */
#project-details.illos p {
  color: #fff; }
/* line 816, ../sass/style.scss */
#project-details.illos .quotes > div {
  background: #795548;
  border-color: #80deea; }
/* line 817, ../sass/style.scss */
#project-details.illos .middle hgroup * {
  background: #795548; }
/* line 818, ../sass/style.scss */
#project-details.illos .img-wrapper {
  background: #fff; }
/* line 820, ../sass/style.scss */
#project-details.illos .wallop-slider p {
  background: #795548; }

/* line 825, ../sass/style.scss */
.demo #content {
  background: #7e57c2; }

/* line 829, ../sass/style.scss */
#project-details.demo .links a {
  color: #fff; }
/* line 830, ../sass/style.scss */
#project-details.demo .underlay {
  color: rgba(0, 0, 0, 0.2); }
/* line 832, ../sass/style.scss */
#project-details.demo header h6, #project-details.demo header h2 {
  color: #fff; }
/* line 833, ../sass/style.scss */
#project-details.demo header h2 {
  color: #cddc39; }
/* line 835, ../sass/style.scss */
#project-details.demo .team, #project-details.demo .meta {
  color: #fff; }
/* line 838, ../sass/style.scss */
#project-details.demo .bars i {
  background: #cddc39; }
/* line 839, ../sass/style.scss */
#project-details.demo a {
  color: #000; }
/* line 840, ../sass/style.scss */
#project-details.demo h6, #project-details.demo h3 {
  color: #cddc39; }
/* line 841, ../sass/style.scss */
#project-details.demo p {
  color: #fff; }
/* line 842, ../sass/style.scss */
#project-details.demo .quotes > div {
  background: #7e57c2;
  border-color: #cddc39; }
/* line 843, ../sass/style.scss */
#project-details.demo .middle hgroup * {
  background: #7e57c2; }
/* line 844, ../sass/style.scss */
#project-details.demo .img-wrapper {
  background: #fff; }
/* line 846, ../sass/style.scss */
#project-details.demo .wallop-slider p {
  background: #7e57c2; }

/* line 853, ../sass/style.scss */
.wallop-slider__item--current {
  position: relative;
  z-index: 100; }

/* line 854, ../sass/style.scss */
.wallop-slider__list {
  overflow: visible; }

/* line 855, ../sass/style.scss */
.wallop-slider {
  background: url(/img/macbook.png) 50% 50% no-repeat;
  height: 578px;
  width: 100%;
  text-align: center;
  z-index: 2;
  position: relative; }
  /* line 862, ../sass/style.scss */
  .wallop-slider .wallop-slider__item {
    padding: 39px 0 0 130px;
    margin: 0 !important; }
  /* line 866, ../sass/style.scss */
  .wallop-slider .img-wrapper {
    width: 722px;
    height: 450px;
    background: rgba(0, 0, 0, 0.1);
    overflow: auto; }
    /* line 871, ../sass/style.scss */
    .wallop-slider .img-wrapper img {
      width: 100%;
      position: static !important; }
  /* line 876, ../sass/style.scss */
  .wallop-slider p {
    top: 100%;
    position: absolute !important;
    text-align: center;
    z-index: 100 !important;
    margin-top: 120px !important;
    left: 50%;
    margin-left: -400px !important;
    width: 800px;
    max-width: 800px !important;
    font-style: italic;
    font-size: 13px;
    line-height: 18px; }
  /* line 890, ../sass/style.scss */
  .wallop-slider .btn_prev, .wallop-slider .btn_next {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    border: none;
    font-size: 30px;
    line-height: 60px !important;
    padding: 0 !important;
    color: white !important;
    text-align: center !important;
    cursor: pointer;
    position: absolute !important;
    top: 50%;
    border: none !important;
    margin-top: -30px !important;
    z-index: 1000000;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
    /* line 910, ../sass/style.scss */
    .wallop-slider .btn_prev:hover, .wallop-slider .btn_next:hover {
      opacity: 1;
      background: black !important;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    /* line 915, ../sass/style.scss */
    .wallop-slider .btn_prev:disabled, .wallop-slider .btn_next:disabled {
      opacity: 0.1 !important; }
    /* line 917, ../sass/style.scss */
    .wallop-slider .btn_prev:focus, .wallop-slider .btn_prev:active, .wallop-slider .btn_next:focus, .wallop-slider .btn_next:active {
      outline: none;
      border: none; }
  /* line 922, ../sass/style.scss */
  .wallop-slider .btn_prev {
    left: 0; }
  /* line 925, ../sass/style.scss */
  .wallop-slider .btn_next {
    right: 0; }

/* line 931, ../sass/style.scss */
.quotes {
  margin: 50px auto;
  max-width: 980px;
  display: inline-block;
  position: relative;
  z-index: 2; }

/* line 939, ../sass/style.scss */
.quotes > div {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 130px;
  padding: 20px;
  width: 200px;
  height: 140px;
  margin: 0 20px;
  float: left; }
  /* line 948, ../sass/style.scss */
  .quotes > div em {
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    display: block;
    margin-top: 15px;
    text-align: right;
    opacity: 0.5; }
  /* line 958, ../sass/style.scss */
  .quotes > div p {
    font-family: serif;
    font-style: italic;
    font-size: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 965, ../sass/style.scss */
  .quotes > div.flex {
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 500px;
    max-height: 500px; }
    /* line 971, ../sass/style.scss */
    .quotes > div.flex p {
      top: auto;
      transform: none; }

/* line 980, ../sass/style.scss */
footer {
  padding: 100px 0;
  background: #3f3f3b; }
  /* line 983, ../sass/style.scss */
  footer a {
    color: #4285f4; }
  /* line 984, ../sass/style.scss */
  footer p.lead {
    color: #fff;
    margin: 0 0 50px 0; }
  /* line 988, ../sass/style.scss */
  footer p.light {
    font-size: 13px;
    color: #68798e;
    font-family: 'Roboto Condensed', sans-serif; }
  /* line 994, ../sass/style.scss */
  footer img.logo {
    float: left;
    position: relative;
    top: -8px; }

/* line 1002, ../sass/style.scss */
#projects {
  height: 300px;
  display: flex;
  overflow: auto;
  position: absolute;
  width: 100%;
  background: #38363a; }
  /* line 1009, ../sass/style.scss */
  #projects h2 {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5) !important; }
  /* line 1015, ../sass/style.scss */
  #projects a {
    display: block;
    height: 100%;
    background: #ccc;
    color: #fff;
    -webkit-box-sizing: border-box;
    padding: 20px;
    position: relative;
    min-width: 250px;
    width: 250px;
    z-index: 1;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
    /* line 1030, ../sass/style.scss */
    #projects a span {
      position: absolute;
      display: block;
      bottom: 30px;
      left: 0;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 12px;
      -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transform: scale(0);
      opacity: 0;
      transition-delay: 0.2s; }
    /* line 1045, ../sass/style.scss */
    #projects a:hover span {
      transform: scale(1);
      opacity: 1; }
    /* line 1050, ../sass/style.scss */
    #projects a.compass {
      background: #00796b; }
    /* line 1054, ../sass/style.scss */
    #projects a.dtt {
      background: #ffe189; }
      /* line 1056, ../sass/style.scss */
      #projects a.dtt h2 {
        color: #494232; }
    /* line 1058, ../sass/style.scss */
    #projects a.illos {
      background: #795548; }
      /* line 1060, ../sass/style.scss */
      #projects a.illos h2 {
        color: #80deea; }
    /* line 1062, ../sass/style.scss */
    #projects a.loon {
      background: #1e3950; }
      /* line 1064, ../sass/style.scss */
      #projects a.loon h2 {
        color: #e89e1d; }
    /* line 1066, ../sass/style.scss */
    #projects a.demo {
      background: #7e57c2; }
      /* line 1068, ../sass/style.scss */
      #projects a.demo h2 {
        color: #cddc39; }
    /* line 1070, ../sass/style.scss */
    #projects a.ads {
      background: #546e7a; }
      /* line 1072, ../sass/style.scss */
      #projects a.ads h2 {
        color: #e89e1d; }

/* line 1078, ../sass/style.scss */
a.btn {
  display: inline-block;
  margin: 0 auto;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  line-height: 30px;
  text-align: center;
  padding: 0 15px;
  text-transform: uppercase;
  color: white !important;
  font-weight: bold;
  background: #000;
  border: none;
  font-size: 14px;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 2; }
  /* line 1095, ../sass/style.scss */
  a.btn:hover {
    background: #fff;
    color: black !important;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

/* line 1102, ../sass/style.scss */
#experience {
  float: left;
  width: 70%; }

/* line 1106, ../sass/style.scss */
aside {
  float: right;
  width: 30%;
  padding-left: 60px; }

/* line 1111, ../sass/style.scss */
#resume {
  padding-top: 400px;
  background: #fff;
  width: 980px;
  margin: 0 auto; }
  /* line 1117, ../sass/style.scss */
  #resume li {
    margin-top: 21px;
    line-height: 20px; }
  /* line 1121, ../sass/style.scss */
  #resume .left {
    width: 30%;
    padding-right: 48px;
    float: left; }
  /* line 1127, ../sass/style.scss */
  #resume .right {
    width: 65%;
    padding-left: 48px;
    float: left; }
  /* line 1132, ../sass/style.scss */
  #resume h3.title {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    margin-bottom: 4px; }
  /* line 1138, ../sass/style.scss */
  #resume .subtitle {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    margin-bottom: 4px; }
  /* line 1144, ../sass/style.scss */
  #resume .description {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.64) !important; }
  /* line 1148, ../sass/style.scss */
  #resume .location, #resume .time {
    color: rgba(0, 0, 0, 0.64);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 4px; }
  /* line 1154, ../sass/style.scss */
  #resume .period {
    color: rgba(0, 0, 0, 0.4); }
  /* line 1157, ../sass/style.scss */
  #resume a {
    color: #3b78e7;
    text-transform: uppercase;
    font-size: 12px; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 1174, ../sass/style.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 1179, ../sass/style.scss */
.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 1187, ../sass/style.scss */
.cf {
  *zoom: 1; }
